[JavaScript] 문자 숫자 변환, parseInt()

Last Modified : 2020-03-29 / Created : 2014-01-25

36,424
View Count

주소 복사하기

자바스크립트를 사용하여 데이터 타입을 숫자로 변경하는 방법에 대하여 알아볼까 합니다. 우선 자바스크립트에서 사용되는 데이터 타입에는 문자, 숫자, 불리언, Null 등 여러가지가 있습니다. 이런 형태 중 숫자타입으로 변경할 때 사용하는 함수는 아래와 같습니다.

# 자바스크립트 숫자 타입으로 변경하기, parseInt()

숫자타입으로 변경하는 방법으로 자바스크립트의 내장함수인 parseInt()를 사용할 수 있습니다. 이 함수는 해당하는 값을 숫자 타입으로 바꾸어 변경해줍니다. 문법은 아래와 같죠.

parseInt(숫자타입으로 변경할 문자열, 진법)

여기서 첫번째 문자열은 필수이고 진법은 없으면 10진법으로 사용됩니다. 만약 16진법인 경우라면 parseInt('123', 16)처럼 사용할 수 있죠.

그렇다면 위 함수를 사용한 간단한 예제를 함께 알아보겠습니다.

! parseInt() 함수 예제보기

아래는 parseInt()를 사용하여 각각의 타입값에 대하여 예제를 수행해보았습니다. 어떤 경우에 어떤 값으로 나오는지 알아보세요.

! 문자값 123을 변환하기

문자 '123'을 숫자타입으로 변경해보겠습니다.

str_value = '123';
typeof(str_value);
// 현재의 타입이 string 문자타입임을 확인

int_value = parseInt(str_value);
// 함수를 사용하여 숫자 자료형으로 변경함
typeof(int_value);
// 타입 확인결과 문자에서 숫자 타입으로 변경되었음

위의 스크립트를 실행하면 아래와 같이 출력됩니다.

console.log(int_value)

// 123이 출력됨

출력된 값은 문자타입이 아닌 숫자타입으로 변경된 123이 출력되게됩니다. 위에서 함수 parseInt()를 사용하여 문자가 숫자로 변경되었습니다. 이처럼 문자 타입이라도 숫자의 값이 저장된 경우 이를 숫자로 변환하여 반환합니다.

! 숫자와 문자가 포함된 경우

만약 문자타입안에 숫자와 문자가 함께있는 경우 어떻게 출력될까요? 이 경우 숫자가 앞에 포함된 경우에는 숫자만 남기고 나머지 문자는 무시합니다. 아래 예제를 봐주세요.

str_value = '123test';
typeof(str_value);
// 영문이 포함된 문자타입임

int_value = parseInt(str_value);
// 함수를 사용하여 숫자 자료형으로 변경함
typeof(int_value);
// 타입이 숫자로 변경되며 뒤에 포함된 문자가 삭제됨

이제 위 스크립트를 실행하면 아래와 같이 출력됩니다.

console.log(int_value)

// 123이 출력됨

* 앞에 문자가 포함된 경우의 예제
만약 앞에 포함된 경우 어떻게 출력될까요?

console.log('test123')

// NaN이 출력됨

이 경우에는 NaN 즉 숫자가 아닌 타입인 NaN(Not a Number)이 반환됩니다.